<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>盛世机电</title>
  <link href="/common/css/common-ui-cool.min.css" rel="stylesheet" />
  <link rel="stylesheet" href="/css/operationStatistics/operationDetail.css" />
  <script>
    if(localStorage.getItem("token")==null){
        window.history.replaceState(null, "", '/login.html');
        location.reload()
    }
</script>
</head>

<body>
  <div class="page-container">
    <div class="header-container">
      <img class="logo-img" src="/images/logo.png">
      <ul class="top-menu">
      </ul>
      <div class="headerTime">
        <span class="dateText"></span>
        <span class="timeText"></span>
      </div>
      <div class="userInfo">
        <i class="aidicon aidicon-account-circle"></i>
        <span class="name1"></span>
        <span class="logout">退出</span>
    </div>
    </div>
    <div class="main-container">
      <div class="main-header">设备详情</div>
      <div class="main-content">
        <div class="left-content">
          <div class="info-header">设备信息
            <button type="button" class="btn btn-primary btn-sm pull-right" id="edit1">编辑</button>
          </div>
          <div class="info-content">
            <div class="img-content">
              <div class="main-img">
                <!-- <img src="/images/dp_09.jpg"> -->
              </div>
              <div class="sub-img">
                <!-- <img src="/images/dp_09.jpg">
                <img src="/images/dp_09.jpg">
                <img src="/images/dp_09.jpg">
                <img src="/images/dp_09.jpg"> -->
              </div>
            </div>
            <div class="table-content">
              <div class="title-wrap">
                <span class="name">参数名称</span>
                <span class="value">数值</span>
              </div>
              <ul class="info-list">
                <!-- <li>
                  <span class="name">型号</span>
                  <span class="value">AL25434</span>
                </li>-->
                
              </ul>
            </div>
          </div>
        </div>
        <div class="center-content">
          <div class="info-header">运维记录</div>
          <div class="info-content">
            <div class="num-content">
              <!--运维台数-->
              <div class="record-wrap">
                <div class="title">设备数量</div>
                <img src="/images/125_25.png">
                <span class="num" id="maintainNumber"></span>
              </div>
              <!--运维次数-->
              <div class="record-wrap">
                <div class="title">保养次数</div>
                <img src="/images/125_23.png">
                <span class="num" id="maintainCount"></span>
              </div>
            </div>
            <div class="record-content">
              <div class="record-title">保养记录
                <button type="button" class="btn btn-primary btn-sm pull-right" id="add1">添加</button>
              </div>
              <div class="record-list"></div>
            </div>
          </div>
        </div>
        <div class="right-content">
          <div class="info-header">保养计划</div>
          <div class="info-content">
            <div class="maintain-table">
              <div class="maintain-title">年度保养
                <button type="button" class="btn btn-primary btn-sm pull-right" id="add2">添加</button>
              </div>
              <table width="100%">
                <tbody class="annual-plan">
                  <!-- <tr>
                    <td>2020年</td>
                    <td>这是保养计划内容这是保养计划内容这是保养计划内容这是保养计划内容，这是保养计划内容这是保养计划内容这是保养计划内容这是保养计划内容这是保养计划内容这是保养计划内容。</td>
                  </tr>-->
                  <tr>
                </tbody>
              </table>
            </div>
            <div class="maintain-info">
              <div class="maintain-title">五年保养
                <button type="button" class="btn btn-primary btn-sm pull-right" id="edit2">编辑</button>
              </div>
              <!-- 这是保养计划内容。 -->
              <div class="info-text five-plan"></div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <script id="addFormTpl1" type="text/html">
    <div class="form-horizon">
        <form class="form-validate-dom">
          <div class="form-group clearfix">
            <label class="form-label" for="equipment">保养时间：</label>
            <div class="layout-date" style="width: 100%;">
              <input type="text" id="maintainDate" class="form-control layout-date-value" placeholder="请选择日期" autocomplete="off"/>
              <i class="aidicon aidicon-calendar layout-icon-3" style="top: 16px;"></i>
            </div>
          </div>
          <div class="form-group clearfix">
            <label class="form-label" for="equipment">保养人：</label>
            <input type="text" class="form-control" name="equipment" id="maintainUser" placeholder="请输入保养人姓名" autocomplete="off"/>
          </div>
          <div class="form-group clearfix">
            <label class="form-label" for="equipment">作业单号：</label>
            <input type="text" class="form-control" name="equipment" id="jobNumber" placeholder="请输入作业单号" autocomplete="off"/>
          </div>
          <div class="form-group clearfix">
            <label class="form-label" for="equipment">作业内容：</label>
            <textarea class="form-control" name="equipment" id="jobContent" placeholder="请输入作业内容" autocomplete="off" style="height: 120px;"></textarea>
          </div>
        </form> 
    </div>
</script>
  <script id="addFormTpl2" type="text/html">
  <div class="form-horizon">
      <form class="form-validate-dom">
          <div class="form-group clearfix">
              <label class="form-label" for="year">计划年份：</label>
              <select class="form-control" name="year" id="year"></select>
          </div>
          <div class="form-group clearfix">
            <label class="form-label" for="equipment">计划内容：</label>
            <textarea class="form-control" name="equipment" id="annual-plan" placeholder="请输入计划内容" autocomplete="off" style="height: 200px;"></textarea>
          </div>
      </form> 
  </div>
</script>
  <script id="editFormTpl1" type="text/html">
  <div class="form-horizon">
      <form class="form-validate-dom">
          <div class="form-group clearfix">
            <label class="form-label" for="equipment" style="width: 120px;">设备照片：<br>（最多上传5张）</label>
            <div id="progressDemo8" style="width: 540px;float: left;">
              <ul class="photoUpload-ul">
                  <li id="photoUploadMulti8" class="photoUpload">
                      <i id="chose_file8" class="aidicon aidicon-plus"></i>
                      <div class="photoUpload-info">上传</div>
                  </li>
              </ul>
            </div>
          </div>
          <div class="wrap-title">春季保养</div>
          <div class="form-wrap clearfix">
            <!-- <div class="form-group clearfix">
              <label class="form-label" for="equipment">保养状态：</label>
              <div class="radio-wrap">
                <label class="radio-inline radio-beauty">
                  <input type="radio" name="inlineRadioOptions" value="1" {{if data.check1==false}}checked{{/if}}>
                  <span class="text-label">未保养</span>
              </label>
              <label class="radio-inline radio-beauty">
                  <input type="radio" name="inlineRadioOptions" value="2" {{if data.check1==true}}checked{{/if}}>
                  <span class="text-label">已保养</span>
              </label>
              </div>
            </div> -->
            <div class="form-group time-wrap clearfix">
              <label class="form-label" for="equipment">保养时间：</label>
              <div class="layout-date" style="width: 100%;">
                <input type="text" id="time1" class="form-control layout-date-value" placeholder="请选择日期" autocomplete="off"value="{{data.springMaintainDate}}"/>
                <i class="aidicon aidicon-calendar layout-icon-1" style="top: 16px;"></i>
              </div>
            </div>
          </div>
          <div class="wrap-title">秋季保养</div>
          <div class="form-wrap clearfix">
            <!-- <div class="form-group clearfix">
              <label class="form-label" for="equipment">保养状态：</label>
              <div class="radio-wrap">
                <label class="radio-inline radio-beauty">
                  <input type="radio" name="inlineRadioOptions2" value="1" {{if data.check2==false}}checked{{/if}}>
                  <span class="text-label">未保养</span>
              </label>
              <label class="radio-inline radio-beauty">
                  <input type="radio" name="inlineRadioOptions2" value="2" {{if data.check2==true}}checked{{/if}}>
                  <span class="text-label">已保养</span>
              </label>
              </div>
            </div> -->
            <div class="form-group time-wrap clearfix">
              <label class="form-label" for="equipment">保养时间：</label>
              <div class="layout-date" style="width: 100%;">
                <input type="text" id="time2" class="form-control layout-date-value" placeholder="请选择日期" autocomplete="off" value="{{data.autumnMaintainDate}}"/>
                <i class="aidicon aidicon-calendar layout-icon-2" style="top: 16px;"></i>
              </div>
            </div>
          </div>
          <div class="form-group clearfix">
            <label class="form-label" for="equipment">备注：</label>
            <textarea class="form-control" name="equipment" id="description" placeholder="请输入备注内容" autocomplete="off">{{data.description}}</textarea>
          </div>
      </form> 
  </div>
</script>
  <script id="editFormTpl2" type="text/html">
  <div class="form-horizon">
      <form class="form-validate-dom">
        <div class="form-group clearfix">
          <label class="form-label" for="equipment">计划内容：</label>
          <textarea class="form-control" name="equipment" id="fivePlan" placeholder="请输入计划内容" autocomplete="off" style="height: 240px;">{{plan}}</textarea>
        </div>
      </form> 
  </div>
</script>
  <script src="/common/js/lib/require/require.min.js"></script>
  <script>
    require(["/js/require.config.js"], function () {
      require(["/js/operationStatistics/operationDetail.js"], function (app) {
        app.init();
      });
    });
  </script>
</body>

</html>